// import { Button, Checkbox, Form, Input,Card  } from 'antd';
// import React from 'react';
// import {useNavigate} from 'react-router-dom'
// import {adminnameExist,login} from '../../services/admin'

// const Login = () => {
//   const navigate = useNavigate();
//   const onFinish =async (values) => {
//     let {username,password} = values
//     let result = await login({
//       adminName:username,
//       adminPassword:password
//     })
//     if(result.code ==='0') navigate('/system');
//   };

//   const onFinishFailed = (errorInfo) => {
//     console.log('Failed:', errorInfo);
//   };

//   return (
//     <Card title="登录"  style={{ width: 500 ,margin:'auto',marginTop:'10%'}}>
//     <Form
//       name="basic"
//       labelCol={{
//         span: 6,
//       }}
//       wrapperCol={{
//         span: 12,
//       }}
//       initialValues={{
//         remember: true,
//       }}
//       onFinish={onFinish}
//       onFinishFailed={onFinishFailed}
//       autoComplete="off"
//     >
//       <Form.Item
//       hasFeedback
//         label="用户名"
//         name="username"
//         rules={[
//           {
//             required: true,
//             message: '用户名不能为空...',
//           },{
//             pattern: /\w{4,20}/,
//             message: '格式不正确...',
//           },{
//             async validator(_, value) {
//               let result = await adminnameExist(value)
//               // console.log(result)
//               if (result.code === '1') {
//                 return Promise.resolve();
//               }
//               return Promise.reject(new Error('账号不存在'));
//             }
//           }
//         ]}
//       >
//         <Input />
//       </Form.Item>

//       <Form.Item
//       hasFeedback
//         label="密码"
//         name="password"
//         rules={[
//           {
//             required: true,
//             message: '密码不能为空...',
//           },{
//             pattern: /\w{6,20}/,
//             message: '格式不正确...',
//           }
//         ]}
//       >
//         <Input.Password />
//       </Form.Item>


//       <Form.Item
//         name="remember"
//         valuePropName="checked"
//         wrapperCol={{
//           offset: 8,
//           span: 16,
//         }}
//       >
//         <Checkbox>Remember me</Checkbox>
//       </Form.Item>

//       <Form.Item
//         wrapperCol={{
//           offset: 8,
//           span: 16,
//         }}
//       >
//         <Button type="primary" htmlType="submit">
//           Submit
//         </Button>
//       </Form.Item>
//     </Form>
//     </Card>
//   );
// };

// export default Login;

import React from 'react';
import { Button, Checkbox, Form, Input, Card, Modal } from 'antd';
import { useNavigate } from "react-router-dom";
import {adminLogin}  from "../../services/admin"

export default function Reg() {
    let navigate=useNavigate()
    const onFinish =async (values) => {
        console.log('Success:', values);
        let res=await adminLogin({adminName:values.adminName,adminPwd:values.adminPwd})
        console.log("登录",res);

        if (res.status==1) {
            // localStorage.setItem("token",res.token)
            console.log("登录成功");
            navigate("/system")
        }else{
            Modal.error({
                title:"错误",
                content:"验证失败"
            })
        }
       
    };

    const onFinishFailed = (errorInfo) => {
        console.log('Failed:', errorInfo);
    };

   
    return (
        <Card  title="登录"  bordered={false} style={{ width: 500, marginTop:50 , marginLeft:400}}>
            <Form
                name="basic"
                labelCol={{
                    span: 8,
                }}
                wrapperCol={{
                    span: 12,
                }}
                initialValues={{
                    remember: true,
                }}
                onFinish={onFinish}
                onFinishFailed={onFinishFailed}
                autoComplete="off"
            >
                <Form.Item
                    label="用户名"
                    name="adminName"
                    rules={[
                        {
                            required: true,
                            message: '用户名不能空!',
                        },
                    ]}
                >
                    <Input />
                </Form.Item>

                <Form.Item
                    label="密码"
                    name="adminPwd"
                    rules={[
                        {
                            required: true,
                            message: '密码不能为空!',
                        },
                    ]}
                >
                    <Input.Password />
                </Form.Item>

                <Form.Item
                    name="remember"
                    valuePropName="checked"
                    wrapperCol={{
                        offset: 8,
                        span: 16,
                    }}
                >
                    <Checkbox>记住密码</Checkbox>
                </Form.Item>

                <Form.Item
                    wrapperCol={{
                        offset: 8,
                        span: 16,
                    }}
                >
                    <Button type="primary" htmlType="submit">
                        登录
                    </Button>
                </Form.Item>
            </Form>
        </Card>
    );
}
